.header{
	width: 100%;
	height: 100px;	


}
.header .conn{
	width: 1200px;
	height: 100px;
	margin: 0px auto;

}
.conn .left{
     width: 183px;
     height: 100px;	
     margin-left: 9px;
     float: left;
     line-height: 100px; 
}
.conn .left img{
	width: 183px;


}
.conn .right{
     width: 170px;
     height: 100px;
     margin-right:10px;
     float: right; 
    
}
.right p{
	height: 15px;
	width: 170px;
	position: relative;
	margin-top: 61px;
	
}
.right span{
	width: 14px;
	height: 15px;
	background: url('../images/rBLkBVqojE-AXL9oAAAUHin2X_M011.png') no-repeat 0px -591px;
    position: absolute;
    top:0px; 
    left: 0px;
    display: inline-block;

}
.right a{
	font-size: 13px;
	color:#666666; 
	margin-left: 23px;
	display: block; 
	text-decoration: none; 

}
.right a:hover{
	color: #00c77b;
}

/* 怎么实现变颜色 */
.right span:hover{
	color: #00c77b;
}
.con{
	width: 100%;
	height:493px; 
    position: relative;
	/* background-image: url('../images/000fivr7.jpg'); */
}
.con img{
   /*  width: 100vw; */
    height: 493px;
	position: absolute;
	left: 50%;
	transform: translate(-50%,0);
}
.main{
	
	height:493px; 
	width: 1200px;
	position: relative;
	margin: 0px auto;
}

@media (min-width: 1200px){
	body{
		overflow: hidden;
	}
}
.con ul{	
    width: 350px;
    height: 435px;
    background: #fff;
    position: absolute;
    top: 30px;
    right: 0px;
    box-shadow: 0 1px 10px rgba(0,0,0,0.12);

}
.con li:nth-of-type(1){
	width: 146px;
	height: 37px;
	margin-top: 7px;
	margin-right: 7px;
	/* background: yellow;  */
	float: right;         
}
.con .one{
	font-size: 12px;
	width: 85px;
	height: 22px;
	background: #fcf8e0;
	color: #a76866;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 5px;
	display: block;
   /*  margin-right:-120px; */
    float: left
  
}
.con .first{
	width: 58px;
	height: 58px;
	position: absolute;
	background: url('../images/rBLkBVqojE-AXL9oAAAUHin2X_M011.png') no-repeat 0px -196px;
    top:-1px;
    right:7px; 
   /*  float: right; */

}   
.con li:nth-of-type(2){
	width: 350px;
	height: 18px;
	float: right; 
    margin-top: 20px;
    margin-bottom: 40px;
}
.con li:nth-of-type(2) p{
	font-size: 17px;
	width: 164px; 
    margin:0px auto;
    font-weight: bold;
}
.con li:nth-of-type(3){
	width: 350px;
	height: 128px;
	float: right;

}
.con li:nth-of-type(3) img{
	width: 128px;
	height: 128px;
	margin: 0px auto;

}
.con li:nth-of-type(4){
	width: 145px;
	height: 30px;
	margin: 284px auto 80px;
	/* background: yellow; */
	position: relative;
}
.con li:nth-of-type(4) span{
	width: 24px;
	height: 24px;
	top: 0px;
	left: 1px;
	background: url('../images/rBLkBVqojE-AXL9oAAAUHin2X_M011.png') no-repeat 0px -295px;
    position: absolute;
}
.con li:nth-of-type(4) p{
	font-size: 12px;
	margin-left:48px; 
}
.con li:nth-of-type(5){
	width: 140px;
	/* height: 20px; */
	margin: 0px auto 0px;
  
}
.con li:nth-of-type(5) a{
	font-size: 12px;
	margin-right:10px; 
	text-decoration: none;
	color: #666666;             
}
.footer{
	height: 312px;
	margin: 30px auto 0px;
	text-align: center;

}

.footer a{
	color: #999; 
	font-size: 12px;
    text-decoration: none;   
}

